<template>
	<view>
		<view class="as_item_good">
			<image src="https://aliyunoss.hntgov.net/image/2023/04/03/434bc1d204e14ed29ad56f88a89c2d22.jpg"></image>
			<view class="as_item_info">
				<view class="as_item_info_item">
					<text class="as_item_info_name">神秘湘西全域旅游卡（24小
						时发货，此商品不支持时发货，此商品不支持</text>
					<text
						style="font-size: 32rpx;color: #3D3D3D;position: absolute;right: 0rpx;">168.00</text>
				</view>
				<view class="as_item_info_item" style="margin-top: 10rpx;">
					<text class="as_item_info_type">类型：电子卡（我已阅读使用须知）</text>

					<text style="color: #AFA9A9;
		font-size: 22rpx;position: absolute;right: 0rpx;">x1</text>
				</view>
				<!-- <text class="as_item_tag">限时抢</text> -->
			</view>
		</view>

		<view class="sf_type">售后类型</view>
		<view style="width: 750rpx;background-color: #fff;">
			<view class="sf_type_item" @tap="toPlayAs('REFUND')">
				<image src="http://cdn.hntgov.net/online/static/sf_tk.png"></image>
				<view style="display: flex;flex-direction: column;">
					<text style="color: #181617;font-size: 30rpx;">退款</text>
					<text style="color: #696969;font-size: 26rpx;padding-top: 10rpx;">未收到货或已与卖家协商同意仅退款无需退货</text>
				</view>
				<u-icon name="arrow-right"
					style="color: #696969;font-size: 26rpx;position: absolute;right: 0rpx;"></u-icon>

			</view>
			<view class="sf_type_item" @tap="toPlayAs('REJECTED')">
				<image src="http://cdn.hntgov.net/online/static/sf_tkth.png"></image>
				<view style="display: flex;flex-direction: column;">
					<text style="color: #181617;font-size: 30rpx;">退货退款</text>
					<text style="color: #696969;font-size: 26rpx;padding-top: 10rpx;">退货退款</text>
				</view>
				<u-icon name="arrow-right"
					style="color: #696969;font-size: 26rpx;position: absolute;right: 0rpx;"></u-icon>

			</view>
		</view>
	</view>
</template>

<script>
	var that = ''
	export default {
		data() {
			return {
				productInfo: '',
				orderId: '',
				productNum: '',
				payable_amount: 0,
				id: '',
				info: ''
			}
		},
		onLoad(e) {
			that = this
			this.id = e.id
			this.info = uni.getStorageSync('info')
			// this.productInfo = JSON.parse(e.productInfo)
			// this.orderId = e.orderId
			// this.productNum = e.productNum
			// this.payable_amount = e.payable_amount
		},
		onReady() {
			uni.setNavigationBarTitle({
				title: '申请售后'
			})
		},
		methods: {
			toPlayAs(e) {
				uni.navigateTo({
					url: '../order/playas?index=' + e + '&id=' + this.id
				})
			},
		}
	}
</script>
<style>
	page {
		background-color: #F7f7f7;
	}
</style>
<style scoped lang="scss">
	.sf_type_item {
		height: 146rpx;
		display: flex;
		align-items: center;
		width: 690rpx;
		margin-left: 30rpx;
		position: relative;
		background-color: #fff;
		border-top: 1rpx #E7E6E6 solid;
	}

	.sf_type_item image {
		width: 40rpx;
		height: 38rpx;
		margin-right: 26rpx;
	}

	.sf_type {
		margin-top: 20rpx;
		background-color: #FFF;
		padding-top: 5rpx;
		height: 94rpx;
		padding-left: 30rpx;
		display: flex;
		align-items: center;
	}

	.as_item_good image {
		width: 144rpx;
		height: 144rpx;
		border-radius: 8rpx;
	}

	.as_item_good {
		background-color: #fff;
		padding: 30rpx;
		display: flex;

		.as_item_info {
			width: 524rpx;
			margin-left: 20rpx;
		}

		.as_item_info_item {
			display: flex;
			position: relative;
		}

		.as_item_info_name {
			width: 402rpx;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			-webkit-line-clamp: 2;
			color: #696969;
			font-size: 26rpx;
		}

		.as_item_info_type {
			color: #AFA9A9;
			font-size: 22rpx;
		}
	}
</style>